<template>
	<view class="container">
		<view class="uni-column">
			<textarea placeholder-style="color:#F76260" placeholder="请输入您的意见,我们将积极改善"/>
		</view> 
		<view class="uni-column">
			<input class="uni-input" focus placeholder="输入您的QQ和电子邮箱"/>
		</view> 
		<view class="button-sp-area" @click="validatasubmit()">
		    <button class="mini-btn" type="warn" size="default">完成</button>
		</view>
	</view>
</template>

<script>
	import {  
	    mapMutations  
	} from 'vuex';
	export default {
		data() {
			return {
			};
		},
		onLoad(options){
		},
		methods:{
			validatasubmit(){
				console.log("nihao")
			}
		}
	}
</script>

<style lang='scss'>
	.container{
		width:99%;
		margin:0 auto;
	}
	.container>view:first-child{
		padding-bottom:15upx;
		border-bottom:1px solid #F5F5F5;
	}
	.uni-column>input{
	}
	.button-sp-area{
		width:80%;
		margin:0 auto;
		padding-top:50upx;
	}
	.button-sp-area>button{
		border-radius:50upx;
	}
	/**收取验证码**/
	.get-msg{
		padding:20upx 0;
		width: 100%;
		display:flex;
        flex-direction: row;
        flex-wrap: wrap;
	}
	.uni-msg{
		width:60%;
	}
	.send-msg{
		width:35%;
		margin-left:4%;
	}
	.send-msg>button{
		height:80upx;
		line-height:80upx;
		border:1px solid #FF3333;
		color:#FF3333;
		background-color:#FFFFFF;
		font-size:30upx;
		border-radius:40upx;
	}
	/**收取验证码结束**/
</style>
